/***********************************index1.html css***************************************************/

/*****************top nav*******************/
.all-bor{
    border:1px solid red;
}
#header{    /*90px*/
    height:2.571em;
}
.uw100{
    width:100%;
}
.uh100{
    height:100%;
}
.uh40{
    height:40%;
}
.uh60{
    height:60%;
}
.uw30{
    width:30%;
}
.uw70{
    width:70%;
}
.uw40{
    width:40%;
}
.uw60{
    width:60%;
}
.uw70{
    width:70%;
}
.uw50{
    width:50%;
}
.nav-icon1{     /*扫一扫*/
    background-image: url('img/sys.png');
}
.nav-icon2{     /*放大镜*/
    background-image: url('img/fdj.png');
}
.nav-icon2-uwh{
    width:1em;
    height:1em;
}
.nav-icon3{     /*消息*/
    background-image: url('img/xiaoxi.png');
}
.nav-icon-uwh{
    width:1.5em;
    height:1.5em;
}
.nav-inpt-bor{  /*边框颜色*/
    position: absolute;
    width: 95%;
    height: 0.335em;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    left: 0px;
    bottom: 9px;
    border-color:#FFF;
}
/****************font color********************/
.font-col{
    color: #FFF;
}
.font-col2{
    color: #B4B4B4;
}
.font-col3{
    color: #23BADE;
}
.font-col4{
    color: #23BADE;
}
.font-col5{
    color: #DD3B2B;
}
.font-col6{
    color: #FE4780;
}
.font-col7{
    color: #6CC096;
}
.font-col8{
    color: #E87D80;
}
.font-col9{
    color: #D8D8D8;
}
.font-col10{
    color: #EEE;
}
/****************font size********************/
.font-s1{   /*38px*/
    font-size: 1.085em;
}
.font-s2{   /*34px*/
    font-size: 1.971em;
}
.font-s3{   /*30px*/
    font-size: 1.857em;
}
.font-s4{   /*28px*/
    font-size: 0.8em;
}
.font-s5{   /*26px*/
    font-size: 0.742em;
}
.font-s6{   /*24px*/
    font-size: 0.685em;
}
.font-s8{   /*20px*/
    font-size: 0.571em;
}
.font-s7{
    font-size: 1.142em;
}
/*******background color***********/
.bg-col1{
    background-color: #FFF;
}
.bg-col2{
    background-color: #EEE;
}
.bg-col3{
    background-color: #3AD298;
}
/**************PADDING *********************/
.u-pad1{    /*t-b 20px  l-r 30px*/
    padding: 0.571em 0.857em;
}
.u-pad2{    /* l-r 30px*/
    padding: 0 0.857em;
}
.u-pad3{    /* l-r 20px*/
    padding: 0 0.571em;
}
.u-pad4{    /* t-b 10px l-r 30px*/
    padding: 0.285em 0.857em;
}
.u-pad5{    /* t-b 10px l-r 30px*/
    padding: 0.285em 0.857em 0 0.875em;
}
.u-pad6{    /* t-b 10px l-r 30px*/
    padding: 0.571em 0.185em 0 0.185em;
}
.u-pad7{    /* l-r 30px*/
    padding: 0.857em 0.857em;
}



/**************margin *********************/
.u-mar1{    /*t-b 20px  l-r 30px*/
    margin: 0.571em 0.857em;
}
.u-mar2{    /* l-r 30px*/
    margin: 0 0.857em;
}
.u-mar3{    /* l-r 20px*/
    margin: 0 0.571em;
}
.u-mar4{    /* t-b 10px l-r 30px*/
    margin: 0.285em 0.857em;
}

.top-bor{
    border-top: 1px solid #6CC096;
}
/********************img  url*************************/

/*************九宫格***********/
.jg-icon1{
    background-image: url('img/icon-1.png');
}
.jg-icon2{
    background-image: url('img/icon-2.png');
}
.jg-icon3{
    background-image: url('img/icon-3.png');
}
.jg-icon4{
    background-image: url('img/icon-4.png');
}
.jg-icon5{
    background-image: url('img/icon-5.png');
}
.jg-icon6{
    background-image: url('img/icon-6.png');
}
.jg-icon7{
    background-image: url('img/icon-7.png');
}
.jg-icon8{
    background-image: url('img/icon-8.png');
}
.jg-icon9{
    background-image: url('img/icon-9.png');
}
.jg-icon10{
    background-image: url('img/icon-10.png');
}
.icon1{
    background-image: url('img/icon1.png');
}
.icon1{
    background-image: url('img/icon1.png');
}
.icon2{
    background-image: url('img/icon2.png');
}
.icon3{
    background-image: url('img/icon3.png');
}
.icon4{
    background-image: url('img/icon4.png');
}
.icon5{
    background-image: url('img/icon5.png');
}
.icon6{
    background-image: url('img/icon6.png');
}
.icon7{
    background-image: url('img/icon7.png');
}
.icon8{
    background-image: url('img/icon8.png');
}
.icon9{
    background-image: url('img/icon9.png');
}
.icon10{
    background-image: url('img/icon10.png');
}
.icon11{
    background-image: url('img/icon11.png');
}
.icon12{
    background-image: url('img/icon12.png');
}
.icon13{
    background-image: url('img/icon13.png');
}
.icon14{
    background-image: url('img/icon14.png');
}
.icon15{
    background-image: url('img/icon15.png');
}
.icon16{
    background-image: url('img/icon16.png');
}
.icon1{
    background-image: url('img/icon1.png');
}
.icon17{
    background-image: url('img/icon17.png');
}
.icon18{
    background-image: url('img/icon18.png');
}
.icon19{
    background-image: url('img/icon19.png');
}
.icon20{
    background-image: url('img/icon20.png');
}
.jg-uwh{
    width: 2.5em;
    height: 2.5em;
}
/*************抢淘宝***************/
.qtb-icon1{
    background-image: url('img/djs.png');
}
.qtb-icon2{
    background-image: url('img/tz.png');
}
.qtb-icon3{
    background-image: url('img/shoe.png');
}
.qtb-icon4{
    background-image: url('img/dy.png');
}
.qtb-icon5{
    background-image: url('img/sf.png');
}
.qtb-icon6{
    background-image: url('img/dmz.png');
}
.qtb-icon7{
    background-image: url('img/sj.png');
}
/*************聚划算***************/
.jhs-icon1{
    background-image: url('img/ppt.png');
}
.jhs-icon2{
    background-image: url('img/bg.png');
}
.jhs-icon3{
    background-image: url('img/milk.png');
}
.jhs-icon4{
    background-image: url('img/sy.png');
}
.jhs-icon5{
    background-image: url('img/tx.png');
}
.jhs-icon6{
    background-image: url('img/phone.png');
}
.jhs-icon7{
    background-image: url('img/qz.png');
}
/*************拍卖会***************/
.pmh-icon1{
    background-image: url('img/gh.png');
}
.pmh-icon2{
    background-image: url('img/wat.png');
}
.pmh-icon3{
    background-image: url('img/sz.png');
}
.pmh-icon4{
    background-image: url('img/sqm.png');
}
.pmh-icon5{
    background-image: url('img/gz.png');
}
.pmh-icon6{
    background-image: url('img/wj.png');
}
.pmh-icon7{
    background-image: url('img/kt.png');
}
/*************footer icon image url***************/
/*.active{
    background-color: #FF4400;
}*/
.fot-icon{
    background-image: url('img/index.png');
}
.active .fot-icon{
    background-image: url('img/index(2).png');
}
.fot-icon2{
    background-image: url('img/wt.png');
}
.active .fot-icon2{
    background-image: url('img/wt(2).png');
}
.fot-icon3{
    background-image: url('img/sq.png');
}
.active .fot-icon3{
    background-image: url('img/sq(2).png');
}
.fot-icon4{
    background-image: url('img/gwc.png');
}
.active .fot-icon4 {
    background-image: url('img/gwc(2).png');
}
.fot-icon5{
    background-image: url('img/my.png');
}
 .active .fot-icon5{
    background-image: url('img/my(2).png');
    color: #FF4400;
}
.active .ulev-1{
    color: #FF4400;
}
.fot-icon-uwh{
    width: 1.825em;
    height:1.825em;
}
.bor-none{
    outline: none;
}
.tit-hei{
    height:2.571em;
}
.tout-img{
    background-image: url('img/tt.png');
}
.tout-img-uwh{
    width: 4.742em;
    height: 0.942em;
}
/**
 * text hide
 */
.tx-hid{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-flex: 1;
    height: inherit;
}
.uinn1{
    padding:0 0.4em;
    margin:0;
}
.clip-1{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-flex: 1;
    height: inherit;
}
.clip-2{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-flex: 1;
    height: inherit;
}
.list-img{
    background-image: url('img/food.jpg');
}
.uwh-img{
    width: 5em;
    height: 5em;
}
.bc-bg1{
    background-color: #fff;
}
.all-bor{
    border: 1px solid red;
}
.umar-l1{
    margin-left: 0.8em;
}